<template>
      <div class="weaitem">
        <slot></slot>
        <div><span>城市：</span><span>{{weather.city}}</span></div>
        <div><span>天气：</span><span>{{weather.weather}}</span></div>
        <div><span>温度：</span><span>{{weather.temp}}</span></div>
      </div>
</template>
<script>
    export default {
        data() {
            return {
              // city:'',
              // weather:'',
              // temp:'',
            }
        },
        props:['weather',],
        methods: {},
        computed: {},
        components: {}
    }
</script>
<style scoped lang="less">

    .weaitem{
      width: 200px;
      height: 200px;
      background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
      border-radius: 50%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin: 10px;
      div{
        display: inline-block;
        margin: 5px auto;
      }
    }


</style>
